/**
 用户权限
 */
$(function () {
    layui.use(['element', 'layer', 'form', 'layedit', 'laydate', 'table','tree'], function () {
        var element = layui.element, //导航的hover效果、二级菜单等功能，需要依赖element模块
            layer = layui.layer, //弹窗模块
            layedit = layui.layedit, //编辑器
            laydate = layui.laydate, //日期选择器
            form = layui.form, //表单
            table = layui.table, //表格
            tree = layui.tree, //表格
            //表格模拟数据权限管理
            data = [{
                title: '用户管理'
                ,id: 1
                ,spread: true
                ,children: [{
                    title: '用户权限管理'
                    ,id: 10,
                }]
            }],
            data2 = [{
                title: '客户管理'
                ,id: 2
                ,spread: true
                ,children: [{
                    title: '实名管理'
                    ,id: 11,
                },{
                    title: '资质管理'
                    ,id: 12,
                }]
            }],
            data3 = [{
                title: '客户端管理'
                ,id: 3
                ,spread: true
                ,children: [{
                    title: '房源管理'
                    ,id: 13,
                },{
                    title: '资讯管理'
                    ,id: 14,
                },{
                    title: '公告管理'
                    ,id: 15,
                },{
                    title: '招聘管理'
                    ,id: 16,
                },{
                    title: '社交管理'
                    ,id: 17,
                },{
                    title: '用户反馈管理'
                    ,id: 18,
                },{
                    title: '举报管理'
                    ,id: 19,
                }]
            }],
            data4 = [{
                title: '设置'
                ,id: 4
                ,spread: true
                ,children: [{
                    title: '首页及地区管理'
                    ,id: 20,
                },{
                    title: '轮播图管理'
                    ,id: 21,
                },{
                    title: '推荐规则设置'
                    ,id: 22,
                },{
                    title: '房源类型标签管理'
                    ,id: 23,
                },{
                    title: '资讯类型标签管理'
                    ,id: 24,
                },{
                    title: '关键词设置'
                    ,id: 25,
                },{
                    title: '操作日志'
                    ,id: 26,
                }]
            }];

        //用户权限管理
        table.render({
            elem: '#quanxian'
            ,id: "quanxian"
            // ,url: '/api/user/role/roles'
            ,url: '/manage/js/json/useradmin/userManageJson.js' //模拟接口
            ,where: {"rolename": $.trim($("#quaqnxian").val())} //请求参数
            ,request: {
                pageName: 'page' //页码的参数名称，默认：page
                ,limitName: 'max' //每页数据量的参数名，默认：limit
            }
            ,response: {
                statusName: 'status' //规定数据状态的字段名称，默认：code
                ,statusCode: 200 //规定成功的状态码，默认：0
                ,msgName: 'msg' //规定状态信息的字段名称，默认：msg
                ,countName: 'total' //规定数据总数的字段名称，默认：count
            }
            ,method: 'post'
            ,page: true
            ,cellMinWidth: 80
            ,limit: 30
            ,height: 'full-220'
            ,text: '对不起，加载出现异常！'
            , cols: [
            [{
                type: 'checkbox',
                fixed: 'left',
                field: 'id'
            }, {
                field: 'id',
                title: 'ID',
                sort: true
            }, {
                field: 'rolename',
                title: '权限类型名',
                minWidth: 100
            }, {
                field: 'permissionType',
                title: '权限详细',
                minWidth: 300,
            }, {
                field: 'name',
                title: '生成时间'
            }, {
                field: 'permission',
                title: '生成人',
            }, {
                field: 'overtime',
                title: '最后修改时间'
            }, {
                field: 'modifier',
                title: '修改人',
                sort: true
            }, {
                title: '操作',
                width: 130,
                align: 'center',
                fixed: 'right',
                toolbar: '#bar_bianji_quanxian'
            }]
        ]
            //数据列表
            ,data: []
            ,done: function (res, curr, count) {
                //回调函数
                $('th').css({ 'background': 'rgba(248,248,248,1)', 'text-align': 'center' });
                $('tr').css({ 'text-align': 'center' });
            }

        });


        //监听权限管理搜索
        form.on('submit(quanxian_search)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        //事件
        var active = {
            //这里的account是table的id
            batchdel_quanxian: function (obj) {
                var checkStatus = table.checkStatus('quanxian')
                    , checkData = checkStatus.data; //得到选中的数据
                console.log(checkStatus.data) //获取选中行的数据
                if (checkData.length === 0) {
                    return layer.msg('请选择数据');
                }
                layer.confirm('确定删除吗？', function (index) {
                    //执行 Ajax 后重载
                    /*
                    admin.req({
                      url: 'xxx'
                      //,……
                    });
                    */
                    table.reload('quanxian');
                    layer.msg('已删除');
                });
            }
            , add_quanxian: function () {
                //开启复选框
                tree.render({
                    elem: '#quanxian_1'
                    ,data: data
                    ,showCheckbox: true
                });
                tree.render({
                    elem: '#quanxian_2'
                    ,data: data2
                    ,showCheckbox: true
                });
                tree.render({
                    elem: '#quanxian_3'
                    ,data: data3
                    ,showCheckbox: true
                });
                tree.render({
                    elem: '#quanxian_4'
                    ,data: data4
                    ,showCheckbox: true
                });
                layer.open({
                    type: 1,
                    title: '添加用户'
                    , area: ['auto', 'auto']
                    , closeBtn: 1
                    , skin: 'layui-layer-admin'
                    , content: $("#quanxian_box")
                    , success: function (layero, index) {
                        form.render(null, 'layuiadmin-form-useradmin');
                        //监听提交
                        form.on('submit(LAY-user-front-submit)', function (data) {
                            var field = data.field; //获取提交的字段
                            //提交 Ajax 成功后，关闭当前弹层并重载表格
                            layer.msg(JSON.stringify(data.field));
                            //$.ajax({});
                            layui.table.reload('quanxian'); //重载表格
                            layer.close(index); //执行关闭
                        });
                    }
                })

            }
        };
        //监听工具条  account是对应的table的lay-filter的值
        table.on('tool(quanxian)', function (obj) {
            var data = obj.data;//获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
            if (obj.event === 'del') {
                layer.confirm('确定删除此条？', function (index) {
                    console.log(obj)
                    obj.del();
                    layer.close(index);
                });
            } else if (obj.event === 'edit') {
                active.add_quanxian()
            }
        });
        /*绑定按钮事件 添加删除等功能按钮*/
        $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
})